<!doctype html>

<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Ballyza Compiler - Sintático</title>
    
	<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script> 
	<script type="text/javascript" src="lib/codemirror.js"></script> <!-- Esse eh o JS da linguagem -->
	<script type="text/javascript" src="lib/javascript.js"></script> <!-- Esse eh o JS da linguagem -->
	<script type="text/javascript" src="js/index_sintatico.js"></script>

	<link rel="stylesheet" href="css/codemirror.css"> <!-- Esse eh o CSS do layout do "compilador/entrada de texto" -->
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" href="css/javascript.css"> <!-- Esse eh o CSS da linguagem, cor dos tokens, etc.. -->
	<link rel="stylesheet" href="css/jquery-ui-1.8.11.custom.css" type="text/css" media="all" /> 

	</head>

	<script type="text/javascript">

			/*$(document).ready(function() {
							jQuery(document).bind('keydown', 'Ctrl+c', function(evt) {
									alert('hahaha');
									return false;
							});
			});*/

	</script>

	<body>
		<div id="main">
			<div id="toolbar" class="ui-widget-header ui-corner-all">
			<center>
				<button id="novo" class="bt_toolbar">novo</button>
				<button id="abrir" class="bt_toolbar">abrir</button>
				<button id="salvar" class="bt_toolbar">salvar</button>
				<button id="copiar" class="bt_toolbar">copiar</button>
				<button id="colar" class="bt_toolbar">colar</button>
				<button id="recortar" class="bt_toolbar">recortar</button>
				<button id="compilar" class="bt_toolbar">compilar</button>
				<button id="gera_codigo" class="bt_toolbar">gerar codigo</button>
				<button id="equipe" class="bt_toolbar">equipe</button>
			</center>
			</div>
			
			<br>	
			<div id="editor"><textarea id="code" name="code">
				
			</textarea></div>

			<p>
			<div id="div_console" >
			<textarea id="ta_console" readonly></textarea></div>
				<div id="div_status">
					<div id="tb_status" class="ui-widget-header ui-corner-all" align="left">
						<label id="lb_status">Status:</label>
						<label id="status">Não modificado</label>
						<label id="arquivo">Arquivo</label>
					</div>
			</div>
			<div id="footer">
				<a href="http://code.google.com/intl/pt-BR/appengine/docs/whatisgoogleappengine.html" target="_blank"><img src="imgs/gae_java.png" border="0"></a>
				<a href="http://jquery.com" target="_blank"><img src="imgs/tb_jquery.png" border="0"></a>
			</div>

		</div>

	
	<script>
		var NAO_MODIFICADO = "Não modificado";
		var MODIFICADO = "Modificado";
	
		  var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
  	            lineNumbers: true,
                matchBrackets: true,
                onChange : function() {
                	$('#status').text(MODIFICADO);
                }
            });
	</script>

	<div id="dialog_equipe">
			André Felipe Teixeira da Luz
			<p>
			Guilherme Luis Maba
			<p>
			Jonatas Daniel Hermann
	</div>

    <div id="file_chooser">
            
			<form id="form_abrir" enctype="multipart/form-data" action="/openfile" method="POST">
			        <input type="file" id="bt_arquivo" name="bt_arquivo">
			
			</form>
			<p>
			<center>
					<button id="bt_abrir" >Abrir</button>
			</center>
	</div>
	
	<div id="loading">
		<center>
			<h3 id="loading_text"></h3>
			<p>
			<img src="imgs/ajax-loader.gif" border="0"/>
		</center>
	</div>

</body>
</html>
